/* 网站背景 */
.bg-color{background-color: #f5f5f5;}
/* 网站头部 */
.nav-bar{width: 100%;height: 182px;background-color: #f5f5f5;}
.nav-bar .logo{float: left;max-width: 500px;height: 182px;line-height: 1;display: flex;justify-content: center;flex-direction: column;}
.nav-bar .logo .img{height: 53px;line-height: 53px;font-size: 0;overflow: hidden;}
.nav-bar .logo .img img{display: inline-block;max-width: 100%;max-height: 100%;vertical-align: middle;}
.nav-bar .logo .t1{color: #333;font-size: 28px;margin: 18px 0 14px 0;}
.nav-bar .logo .t2{color: #04826c;font-size: 18px;font-weight: 700;}
.nav-bar .box{float: right;}
.nav-bar .box ul{display: flex;justify-content: flex-end;}
.nav-bar .box ul li{margin-left: 80px;}
.nav-bar .box ul li a{display: block;color: #333;line-height: 1;margin: 38px 0;font-size: 18px;padding-left: 26px;position: relative;z-index: 1;}
.nav-bar .box ul li a::before{content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 6px;background-color: #04826c;z-index: -1;transition: all 0.5s ease-in-out;}
.nav-bar .box ul li a:hover::before,
.nav-bar .box ul li.active a::before{width: 100%;}
.nav-bar .box .en{text-align: right;color: #333;font-size: 18px;line-height: 1;text-transform: uppercase;margin-bottom: 20px;} 
.nav-bar .box .icon{float: right;width: 34px;height: 34px;background-image: url(../images/nav-down.png);background-position: center;background-repeat: no-repeat;animation: arrow 3s infinite;-webkit-animation: arrow 3s infinite;}
@keyframes arrow{%0,%100{opacity: 1;}50%{transform: translateY(-10px);}}
@-webkit-keyframes arrow{%0,%100{opacity: 1;}50%{transform: translateY(-10px);}}
.nav-bar .box .icon:hover{animation-play-state: paused;-webkit-animation-play-state: paused;}
/* banner大图 */
.banner{width: 100%;margin: 0 auto;position: relative;overflow: hidden;z-index: 1;text-align: center;}
.banner a{display: block;}
.banner img{width: 100%;}
.banner .banner-pagination{display: flex;justify-content: center;align-items: center;bottom: 20px;}
.banner .swiper-pagination-bullet{display: block !important;width: 10px;height: 10px;background-color: #04826c;margin: 0 10px !important;opacity: 1;border-radius: 50%;transition: all 0.5s ease-in-out;}
.banner .swiper-pagination-bullet-active{width: 30px;border-radius: 20px;}
#main{overflow: hidden;}
/* 公共头部 */
#main .common{line-height: 1;}
#main .common .com1{display: inline-block;position: relative;color: #04826c;font-size: 48px;font-weight: 700;padding-bottom: 10px;}
#main .common .com1::before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 4px;background-color: #04826c;}
#main .common .com2{color: #333;font-size: 28px;margin-top: 20px;}
#main .common .com3{color: #999;font-size: 14px;margin-top: 14px;text-transform: uppercase;}
/* indexmore */
#main .indexmore{display: block;width: 69px;height: 69px;border-radius: 50%;background-color: #04826c;background-image: url(../images/indexmore.png);background-position: center;background-repeat: no-repeat;background-size: cover;overflow: hidden;}
#main .indexmore:hover{transform:rotate(45deg);}
/* 关于我们 */
#main .company-main{background-color: #f5f5f5;padding: 100px 0;background-image: url(../images/companybg.png);background-position: center;background-repeat: no-repeat;}
#main .company-main .warpper{padding-bottom: 40px;z-index: 1;}
#main .company-main .warpper::before{content: '';position: absolute;bottom: 0;left: 50%;width: 100%;height: 166px;transform: translateX(-50%);background-color: #fff;padding: 0 80px;border-radius: 20px;z-index: -1;}
#main .company-main .box{float: left;width: 530px;}
#main .company-main .box .txt{text-indent: 2em;color: #333;font-size: 16px;line-height: 38px;max-height: 152px;margin: 30px 0;}
#main .company-main .box .ceti{line-height: 1;color: #04826c;font-size: 54px;font-weight: 700;opacity: 0.2;margin-bottom: 25px;text-transform: uppercase;font-style: italic;letter-spacing: 12px;}
#main .company-main .box .text{display: flex;justify-content: space-between;align-items: center;width: 470px;}
#main .company-main .box .text .con{line-height: 1;width: calc(100% - 100px);}
#main .company-main .box .text .con .con1{color: #333;font-size: 22px;}
#main .company-main .box .text .con .con2{color: #04826c;font-size: 18px;margin: 14px 0 6px 0;}
#main .company-main .box .text .con .con3{color: #04826c;font-size: 14px;}
#main .company-main #honor{float: right;width: calc(100% - 570px);margin-top: 120px;padding: 6px;}
#main .company-main #honor .swiper-slide a{display: block;width: 100%;height: 370px;line-height: 370px;text-align: center;font-size: 0;background-color: #fff;box-shadow: 0 3px 3px 0 rgba(1,61,50,0.24);border-radius: 5px;overflow: hidden;}
#main .company-main #honor .swiper-slide a img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
#main .company-main #honor .swiper-slide a:hover img{transform: scale(1.1);}
/* 案例 */
#main .case-main{background-color: #fff;padding-top: 100px;}
#main .case-main .common{position: relative;}
#main .case-main .common::before{content: '';position: absolute;left: -40px;top: 0;width: 5px;height: 209px;background-color: #04826c;}
#main .case-main .list{margin-top: 20px;background-image: url(../images/casebg.jpg);background-position: left center;background-repeat: no-repeat;}
#main .case-main .list .box{width: 420px;float: right;background-color: #fff;padding-top: 66px;display: flex;justify-content: space-between;}
#main .case-main .list .box .indexmore{border: 12px solid #fff;margin-left: -46px;}
#main .case-main .list .box .con{width: 360px;}
#main .case-main .list .box .con #case{padding-bottom: 30px;position: relative;}
#main .case-main .list .box .con #case .swiper-slide a{display: block;color: #333;}
#main .case-main .list .box .con #case .swiper-slide a .tit{font-size: 28px;line-height: 1;margin-bottom: 16px;}
#main .case-main .list .box .con #case .swiper-slide a .tags{font-size: 18px;line-height: 32px;height: 64px;}
#main .case-main .list .box .con #case .case-pagination{display: flex;align-items: center;bottom: 0;}
#main .case-main .list .box .con #case .swiper-pagination-bullet{display: block !important;width: 9px;height: 9px;background-color: #999;margin: 0 12px 0 0 !important;opacity: 1;border-radius: 0;transition: all 0.5s ease-in-out;}
#main .case-main .list .box .con #case .swiper-pagination-bullet-active{background-color: #04826c;}
#main .case-main .list .box .con .online-form{margin-top: 58px;background-color: #f5f5f5;padding: 25px 40px;border-radius: 20px;}
#main .case-main .list .box .con .online-form .free{color: #333;font-size: 22px;line-height: 1;margin-bottom: 8px;} 
#main .case-main .list .box .online-form input,
#main .case-main .list .box .online-form textarea{width: 100%;border: none;border-bottom: 1px dashed #666;float: left;height: 50px;line-height: 50px;font-size: 14px;color: #666;background-color: transparent;float: left;}
#main .case-main .list .box .online-form input::-webkit-input-placeholder,
#main .case-main .list .box .online-form textarea::-webkit-input-placeholder{color: #666;}
#main .case-main .list .box .online-form input:-moz-placeholder,
#main .case-main .list .box .online-form textarea:-moz-placeholder{color: #666;}
#main .case-main .list .box .online-form input::-moz-placeholder,
#main .case-main .list .box .online-form textarea::-moz-placeholder{color: #666;}
#main .case-main .list .box .online-form input:-ms-input-placeholder,
#main .case-main .list .box .online-form textarea:-ms-input-placeholder{color: #666;}
#main .case-main .list .box .online-form input.captcha{width: calc(100% - 160px);}
#main .case-main .list .box .online-form .code{float: left;width: 160px;height: 50px;line-height: 50px;text-align: center;font-size: 0;}
#main .case-main .list .box .online-form .code img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
#main .case-main .list .box .online-form .btn-box{float: left;width: 100%;overflow: hidden;}
#main .case-main .list .box .online-form .btn-box a.btn{display: block;width: 100%;height: 40px;text-align: center;line-height: 40px;background-color: #04826c;color: #fff;font-size: 14px;margin-top: 20px;margin-bottom: 0;}
#main .case-main .list .box .online-form .btn-box a.btn:hover{background-color: #fff;color: #04826c;}
/* 产品中心 */
#main .product-main{background-color: #fff;padding: 100px 0;}
#main .product-main .top{display: flex;justify-content: space-between;margin-bottom: 20px;}
#main .product-main .top .common .com3{line-height: 28px;color: #333;font-size: 16px;}
#main .product-main .top .indexmore{margin-top: 90px;}
#main .product-main .list li{margin-top: 10px;background-color: #f5f5f5;border-radius: 10px;overflow: hidden;display: flex;justify-content: space-between;align-items: center;}
#main .product-main .list li .img{width: calc(100% - 400px);height: 375px;overflow: hidden;}
#main .product-main .list li .img img{width: 100%;height: 100%;object-fit: cover;}
#main .product-main .list li .box{padding: 0 20px;width: 360px;text-align: right;}
#main .product-main .list li:nth-child(2n) .box{text-align: left;}
#main .product-main .list li .box .tit{line-height: 1;color: #333;display: inline-block;font-size: 26px;position: relative;z-index: 1;padding: 0 10px;}
#main .product-main .list li .box .tit::before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 8px;background-color: #04826c;z-index: -1;}
#main .product-main .list li .box .con{color: #333;font-size: 16px;line-height: 1;margin: 10px 0 30px 0;}
#main .product-main .list li .box .more{display: inline-block;width: 306px;height: 42px;line-height: 42px;text-align: center;color: #fff;font-size: 16px;background-color: #04826c;border: 2px solid #04826c;border-radius: 10px;}
#main .product-main .list li .box .more:hover{background-color: transparent;color: #04826c;letter-spacing: 2px;}
/* 优势 */
#main .youshi-main{background-color: #f5f5f5;padding: 100px 0;}
#main .youshi-main .common{text-align: center;padding-bottom: 30px;}
#main .youshi-main .list{float: left;}
#main .youshi-main .list.one{width: 34%;height: 588px;margin-bottom: 18px;}
#main .youshi-main .list.two{width: 32%;height: 588px;margin-left: 1%;margin-bottom: 18px;}
#main .youshi-main .list.there{width: 34%;height: 286px;}
#main .youshi-main .list.fore{width: 65%;height: 286px;margin-left: 1%;}
#main .youshi-main .list li{height: 100%;position: relative;overflow: hidden;border-radius: 10px;}
#main .youshi-main .list.two li{height: 286px;margin-bottom: 18px;}
#main .youshi-main .list li .img{width: 100%;height: 100%;}
#main .youshi-main .list li .img img{width: 100%;height: 100%;object-fit: cover;}
#main .youshi-main .list li .box{color: #000;line-height: 1;position: absolute;bottom: 0;left: 0;width: 100%;height: 160px;padding: 0 30px;box-sizing: border-box;background-color: rgba(255,255,255,0.5);background: linear-gradient(0deg, rgba(255,255,255,0.8) 0, rgba(255,255,255,0) 100%);}
#main .youshi-main .list li .box .tit{margin-top: 50px;font-size: 38px;font-weight: 700;margin-bottom: 10px;}
#main .youshi-main .list li .box .con{font-size: 28px;}
/* 新闻资讯 */
#main .news-main{background-color: #fff;padding: 100px 0;}
#main .news-main .top{display: flex;justify-content: space-between;align-items: center;}
#main .news-main .top .hd ul{display: flex;justify-content: flex-end;}
#main .news-main .top .hd ul li{margin-left: 40px;}
#main .news-main .top .hd ul li a{color: #333;font-size: 20px;line-height: 30px;display: block;margin-right: 38px;position: relative;transition: all 0.5s ease-in-out;}
#main .news-main .top .hd ul li a::before,
#main .news-main .top .hd ul li a::after{content: '';position: absolute;bottom: 0;transition: all 0.5s ease-in-out;}
#main .news-main .top .hd ul li a::before{left: 0;width: 100%;height: 2px;background-color: #333;}
#main .news-main .top .hd ul li a::after{right: -38px;width: 30px;height: 30px;border-radius: 50%;background-color: #999;overflow: hidden;background-image: url(../images/indexmore.png);background-position: center;background-repeat: no-repeat;background-size: cover;}
#main .news-main .top .hd ul li a:hover,
#main .news-main .top .hd ul li.on a{color: #04826c;}
#main .news-main .top .hd ul li a:hover::before,
#main .news-main .top .hd ul li.on a::before,
#main .news-main .top .hd ul li a:hover::after,
#main .news-main .top .hd ul li.on a::after{background-color: #04826c;}
#main .news-main .top .hd ul li a:hover::after,
#main .news-main .top .hd ul li.on a::after{transform:rotate(45deg);}
#main .news-main .bd ul li{float: left;margin-top: 23px;margin-left: 2%;}
#main .news-main .bd ul li:nth-child(1),
#main .news-main .bd ul li:nth-child(2),
#main .news-main .bd ul li:nth-child(3){width: 49%;}
#main .news-main .bd ul li:nth-child(1){height: 711px;margin-left: 0;}
#main .news-main .bd ul li:nth-child(2),
#main .news-main .bd ul li:nth-child(3){height: 344px;}
#main .news-main .bd ul li:nth-child(4){width: 66%;margin-left: 0;}
#main .news-main .bd ul li:nth-child(5){width: 32%;}
#main .news-main .bd ul li:nth-child(4),
#main .news-main .bd ul li:nth-child(5){height: 445px;}
#main .news-main .bd ul li a{display: block;border-radius: 10px;overflow: hidden;height: 100%;position: relative;}
#main .news-main .bd ul li a .img{width: 100%;height: 100%;}
#main .news-main .bd ul li a .img img{width: 100%;height: 100%;object-fit: cover;}
#main .news-main .bd ul li a .box{position: absolute;bottom: 0;right: 0;padding: 30px;background-color: #fff;border-top-left-radius: 10px;width: calc(80% - 60px);}
#main .news-main .bd ul li a .box .time{color: #999;font-size: 16px;line-height: 32px;margin-bottom: 10px;}
#main .news-main .bd ul li a .box .tit{color: #333;font-size: 28px;line-height: 1;padding-right: 30px;position: relative;}
#main .news-main .bd ul li a .box .tit::before{content: '';position: absolute;top: 50%;right: 0;transform: translateY(-50%);border-width: 16px;border-color: #999;border-right-width: 0;border-style: dashed;border-left-style: solid;border-top-color: transparent;border-bottom-color: transparent;border-radius: 10px;transition: all 0.5s ease-in-out;}
#main .news-main .bd ul li a .box .con{color: #666;font-size: 16px;line-height: 34px;text-indent: 2em;height: 0;}
#main .news-main .bd ul li a:hover .box .tit{color: #04826c;}
#main .news-main .bd ul li a:hover .box .tit::before{border-color: #04826c;border-top-color: transparent;border-bottom-color: transparent;}
#main .news-main .bd ul li a:hover .box .con{height: 102px;margin-top: 20px;}
/* 网站底部 */
.footer{padding: 40px 0;background-color: #f5f5f5;border-top: 3px solid #04826c;}
.footer .box{width: 370px;float: left;padding-right: 20px;border-right: 1px solid #04826c;}
.footer .box .logo{height: 53px;line-height: 53px;font-size: 0;overflow: hidden;margin-bottom: 20px;}
.footer .box .logo img{max-height: 100%;display: inline-block;vertical-align: middle;}
.footer .box .tact{min-height: 288px;}
.footer .box .tact li{color: #333;font-size: 16px;line-height: 32px;}
.footer .box .tact li a{color: #333;transition: all 0.5s ease-in-out;}
.footer .box .tact li a:hover{color: #04826c;}
.footer .box .tact .line{width: 269px;height: 2px;background-color: #04826c;margin: 15px 0;}
.footer .box .bottom{margin-top: 10px;}
.footer .box .bottom p{color: #333;font-size: 14px;line-height: 32px;}
.footer .box .bottom p a{color: #333;transition: all 0.5s ease-in-out;}
.footer .box .bottom p a:hover{color: #04826c;}
.footer .box .bottom p a img{display: inline-block;vertical-align: middle;}
.footer .navewm{float: right;width: calc(100% - 460px);position: relative;}
.footer .navewm .nav dl{margin-left: 5%;float: left;width: 20%;min-height: 76px;}
.footer .navewm .nav dl dt{position: relative;}
.footer .navewm .nav dl dt::before,
.footer .navewm .nav dl dt::after{content: '';position: absolute;top: 0;left: 0;height: 3px;}
.footer .navewm .nav dl dt::before{width: 125px;background-color: #bbb;}
.footer .navewm .nav dl dt::after{width: 29px;background-color: #04826c;}
.footer .navewm .nav dl dt a{display: block;line-height: 46px;color: #333;font-size: 18px;transition: all 0.5s ease-in-out;}
.footer .navewm .nav a:hover{color: #04826c;}
.footer .navewm .nav dl dd a{display: block;color: #333;font-size: 14px;line-height: 32px;transition: all 0.5s ease-in-out;}
.footer .navewm .ewm{position: absolute;bottom: 0;right: 0;width: 150px;height: 150px;line-height: 150px;text-align: center;font-size: 0;overflow: hidden;}
.footer .navewm .ewm img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
/* 侧边导航 */
.pro-sider{float: left;width: 260px;}
.pro-sider .in-title{background: #04826c;color: #fff;line-height: 80px;text-align: center;font-size: 24px;margin-bottom: 2px;}
.pro-sider .pro-sider-ul{margin-bottom: 25px;}
.pro-sider .pro-sider-ul .ul-li a{display: block;box-sizing: border-box;padding: 0px 20px;line-height: 55px;margin-bottom: 2px;background: #ececeb;position: relative;transition: all 0.5s ease-in-out;}
.pro-sider .pro-sider-ul .ul-li a::before,
.pro-sider .pro-sider-ul .ul-li a::after{content: '';display: block;background: #fff;top: 0;bottom: 0;margin: auto;position: absolute;}
.pro-sider .pro-sider-ul .ul-li a::before{width: 2px;height: 12px;right: 29px;transition: all 0.5s ease-in-out;}
.pro-sider .pro-sider-ul .ul-li a::after{width: 12px;height: 2px;right: 24px;}
.pro-sider .pro-sider-ul .ul-li a h2{width: 200px;font-size: 16px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro-sider .pro-sider-ul .ul-li:hover a,
.pro-sider .pro-sider-ul .ul-li a.active{background-color: #04826c;}
.pro-sider .pro-sider-ul .ul-li:hover a::before,
.pro-sider .pro-sider-ul .ul-li a.active::before{opacity: 0;}
.pro-sider .pro-sider-ul .ul-li:hover a h2,
.pro-sider .pro-sider-ul .ul-li a.active h2{color: #fff;}
.pro-sider .contact-box{border: 1px solid #ececeb;box-sizing: border-box;padding: 6px;}
.pro-sider .contact-box img{margin-bottom: 10px;width: 100%;}
.pro-sider .contact-box p{color: #333;font-size: 14px;line-height: 1.5;padding: 5px 0;}
.pro-sider .contact-box p span{display: block;font-size: 22px;line-height: 30px;color: #04826c;font-weight: bold;}
.pro-sider .contact-box p a{color: #333;}
.pro-sider .contact-box p a:hover{color: #04826c;}











.m-column-t{



	position: relative;



	text-align: center;



	font-size: 0;



}



.m-column-t .center{



	display: inline-block;



	font-size: 0;



}



.m-column-t .center h3{



	color: #333;



	font-size: 30px;



}



.m-column-t .center p{



	color: #d2d2d2;



	font-size: 30px;



}



.m-column-t span{



	position: absolute;



	width: 415px;



	top: 50%;



	margin-top: -5px;



	height: 5px;



	border-bottom: 1px solid #d2d2d2;



	z-index: 1;



}



.m-column-t span.mcl{



	left: 0;



}



.m-column-t span.mcl em{



	float: right;



}



.m-column-t span.mcr{



	right: 0;



}



.m-column-t span em{



	display: block;



	height: 11px;



	border-left: 1px solid #d2d2d2;



}



.textLine{



	overflow: hidden;



	text-overflow: ellipsis;



	display: -webkit-box;



	-webkit-line-clamp: 2;



	-webkit-box-orient: vertical;



}



.textLine3{



	overflow: hidden;



	text-overflow: ellipsis;



	display: -webkit-box;



	-webkit-line-clamp: 3;



	-webkit-box-orient: vertical;



}



.textHidden{



	overflow: hidden;



	text-overflow: ellipsis;



	white-space: nowrap;



}



.domHidden{



	overflow: hidden;



}



.about-main{



	padding: 20px 0 70px;



	min-height: 170px;



}



.about-main .ab-content{



	float: right;



	width: 925px;



}



.about-main .ab-content .title{



	line-height: 50px;



}



.about-main .ab-content .title a{



	color: #333;



	padding: 0 5px;



}



.about-main .ab-content .title span.icon-home{



	color: #535353;



}



.about-main .ab-content .title em{



	color: #999;



}



.about-main .ab-content .ab-conBox{



	overflow: hidden;



	background: #fff;



	min-height: 55px;



	padding: 30px 45px 40px;



}



.about-main .ab-content .ab-conBox .de-title{



	text-align: center;



	font-size: 20px;



	color: #333;



	line-height: 25px;



	margin-bottom: 8px;



}



.about-main .ab-content .ab-conBox .sub-co{



	font-size: 14px;



	color: #999;



	text-align: center;



	line-height: 18px;



}



.about-main .ab-content .ab-conBox .ab-detail{



	overflow: hidden;



	margin-top: 30px;



	font-size: 14px;



	color: #777373;



	line-height: 25px;



}



.ab-sild{



	float: left;



	width: 260px;



}



.ab-sild .title{



	position: relative;



	height: 50px;



	text-align: center;



	background: #f3c04b;



	font-size: 16px;



	line-height: 50px;



	color: #fff;



	border-bottom: 1px solid #fff;



}



.ab-sild .title span{



	position: absolute;



	height: 3px;



	width: 30px;



	top: 50%;



	margin-top: -3px;



	border-bottom: 1px solid #fff;



}



.ab-sild .title span em{



	display: block;



	height: 7px;



	border-left: 1px solid #fff;



}



.ab-sild .title span.stl{



	left: 35px;



}



.ab-sild .title span.stl em{



	float: right;



}



.ab-sild .title span.str{



	right: 35px;



}



.ab-sild .sild-cate{



	background: #fff;



	margin-bottom: 20px;



}



.ab-sild .sild-cate .list{



	overflow: hidden;



}



.ab-sild .sild-cate .list li{



	position: relative;



	border-bottom: 1px solid #eee;



	height: 60px;



	line-height: 60px;



}



.ab-sild .sild-cate .list li a{



	display: block;



	padding-right: 35px;



	font-size: 14px;



	color: #333;



	padding-left: 20px;



}



.ab-sild .sild-cate .list li:last-child{



	border-bottom: none;



}



.ab-sild .sild-cate .list li:hover{



	border-color: #f3c04b;



	background: #f3c04b;



}



.ab-sild .sild-cate .list li:hover a{



	color: #fff;



}



.ab-sild .sild-cate .list li:hover:after{



	color: #fff;



}



.ab-sild .sild-cate .list li:after{



	font-weight: bold;



	right: 20px;



	top: 0;



	color: #999;



	position: absolute;



	content: "\e904";



	font-family: 'icomoon' !important;



}



.ab-sild .sild-cont{



	background: #fff;



}



.ab-sild .sild-cont .cont-list{



	padding: 20px;



}



.ab-sild .sild-cont .cont-list ul li{



	color: #333;



	padding: 5px 0;



	padding-left: 60px;



	font-size: 14px;



}



.ab-sild .sild-cont .cont-list ul li span{



	width: 60px;



	margin-left: -60px;



	display: block;



	height: 20px;



	line-height: 20px;



	float: left;



	color: #666;



}



.pro-center{



	background: #fff;



	padding-bottom: 25px;



}



.pro-center .pro-list{



	overflow: hidden;



	padding: 25px 18px 10px;



}



.pro-center .pro-list ul li{



	float: left;



	width: 200px;



	margin: 0 10px 20px;



	border: 1px solid #fff;



}



.pro-center .pro-list ul li:hover{



	border-color: #f3c04b;



}



.pro-center .pro-list ul li .img{



	overflow: hidden;



	width: 200px;



	height: 200px;



	line-height: 200px;



	text-align: center;



	font-size: 0;



	background: #eee;



}



.pro-center .pro-list ul li .img img{



	display: inline-block;



	vertical-align: middle;



	max-width: 100%;



	max-height: 100%;



}



.pro-center .pro-list ul li .title{



	background: #f7f8fc;



	height: 40px;



	line-height: 40px;



	padding: 0 5px;



	text-align: center;



	font-size: 14px;



	font-weight: bold;



	color: #333;



}



.pro-center .pro-list ul li .title:hover{



	color: #f3c04b;



}



.page{



	font-size: 0;



	text-align: center;



}



.page .center{



	display: inline-block;



	overflow: hidden;



}



.page .center .page-span{



	float: left;



	font-size: 14px;



	color: #c3c3c3;



	line-height: 32px;



	margin-right: 30px;



}



.page .center .page-list{



	float: left;



	overflow: hidden;



}



.page .center .page-list ul li{



	float: left;



	width: auto;



	min-width: 30px;



	height: 32px;



	text-align: center;



	line-height: 30px;



	font-size: 14px;



	margin: 0 4px;



	padding: 0;



	border: none;



	background: transparent;



}



.page .center .page-list ul li a{



	min-width: 20px;



	padding: 0 5px;



	border: 1px solid #eee;



	display: block;



	color: #333;



	border-radius: 4px;



	-webkit-border-radius: 4px;



	overflow: hidden;



	background: #fff;



}



.page .center .page-list ul li:hover a{



	color: #f3c04b;



}



.page .center .page-list ul li.active a{



	background: #f3c04b;



	color: #fff;



}



.news-center{



	background: #fff;



	padding-bottom: 25px;



}



.news-center .new-list{



	padding: 45px 45px 0px;



}



.news-center .new-list ul li{



	margin-bottom: 35px;



	border-bottom: 1px solid #eee;



}



.news-center .new-list ul li a{



	overflow: hidden;



	display: block;



	height: 90px;



	padding-bottom: 30px;



}



.news-center .new-list ul li a .img{



	float: left;



	width: 130px;



	height: 90px;



	background: #eee;



	line-height: 90px;



	font-size: 0;



	text-align: center;



}



.news-center .new-list ul li a .img img{



	display: inline-block;



	vertical-align: middle;



	max-width: 100%;



	max-height: 100%;



}



.news-center .new-list ul li a .info{



	float: right;



	width: 690px;



}



.news-center .new-list ul li a .info h3{



	font-size: 14px;



	font-weight: bold;



	line-height: 24px;



	color: #333;



}



.news-center .new-list ul li a .info em{



	display: block;



	font-size: 12px;



	color: #999;



	line-height: 16px;



	margin-bottom: 10px;



}



.news-center .new-list ul li a .info p{



	font-size: 14px;



	line-height: 22px;



	color: #999;



	max-height: 44px;



	overflow: hidden;



}



.news-center .new-list ul li a:hover h3{



	color: #f3c04b;



}



.message-c{



	background: #fff;



	padding: 40px 50px;



	overflow: hidden;



}



.message-c .p{



	font-size: 16px;



	line-height: 30px;



	color: #666;



	margin-bottom: 35px;



}



.message-c .from input{



	display: block;



	height: 38px;



	line-height: 38px;



	padding: 0 5px;



	border: 1px solid #d2d2d2;



	margin-bottom: 10px;



	font-size: 14px;



	color: #333;



}



.message-c .from input[name=user],



.message-c .from input[name=phone]{



	width: 348px;



}



.message-c .from textarea{



	font-size: 14px;



	color: #333;



	line-height: 20px;



	display: block;



	width: 728px;



	height: 130px;



	border: 1px solid #d2d2d2;



	padding: 5px;



	margin-bottom: 10px;



}



.message-c .from .code{



	overflow: hidden;



}



.message-c .from .code input[name=code]{



	width: 258px;



	float: left;



}



.message-c .from .code a{



	display: block;



	float: left;



	width: 80px;



	height: 38px;



	padding: 1px 0;



	margin-left: 10px;



}



.message-c .from .code a img{



	width: 80px;



	height: 38px;



}



.message-c .from .btn{



	padding-top: 25px;



}



.message-c .from .btn a{



	display: block;



	width: 362px;



	height: 40px;



	text-align: center;



	line-height: 40px;



	color: #fff;



	font-size: 16px;



	background: #8fa4de;



}



.message-c .from .btn a:hover{



	background: #8397d0;



}



.contact-o{



	background: #fff;



	overflow: hidden;



	padding: 40px 0;



	text-align: center;



}



.contact-o iframe{



	width: 830px;



	height: 500px;



	margin: 0 auto;



}